
.tite
  display: flex
  height: 40px
  line-height: 40px
  background: rgba(52,60,63,0.5)
  width: 100%
  box-sizing: border-box
  padding-left: 8px
  &>div:nth-child(1)
    font-size: 28px
  &>div:nth-child(2)
    font-size: 16px
    margin-left: 10px
.lf
  margin-top: 35px
  margin-bottom: 25px

.zt
  width: 100%
  height: 328px
  background:rgba(18,64,93,0.3)
  margin-top: 10px
  box-sizing: border-box
  margin-bottom: 40px
  .ztInfo
    text-align: center
    .ztTitle
      font-size: 16px
      color: #a5b1bd
      line-height: 16px
      padding-top: 32px
      margin-bottom: 25px
    .ztNum
      font-size: 30px
      color: #05b4f3
      line-height: 30px
    .info
      font-size: 14px
      color: #ffffff
      line-height: 26px
      padding: 0 16px
      text-align: left
      margin-top: 24px
      text-indent: 2em
.my_favorite_latin_words
  width: 400px
  height: 300px
  margin-top: 10px
  .span_list:hover
    transform: scale(1.2)